<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>logo.png">
    <title>Xboot</title>
    <script src="<%= BASE_URL %>config.js" type="text/javascript"></script>

    <!-- 部署CDN优化 -->
    <script src="https://cdn.staticfile.org/vue/2.6.14/vue.min.js"></script>
    <script src="https://cdn.staticfile.org/vuex/3.6.2/vuex.min.js"></script>
    <script src="https://cdn.staticfile.org/vue-i18n/8.26.8/vue-i18n.min.js"></script>
    <script src="https://cdn.staticfile.org/vue-router/3.5.3/vue-router.min.js"></script>
    <script src="https://cdn.staticfile.org/axios/1.4.0/axios.min.js"></script>
    <link rel="stylesheet" href="https://cdn.staticfile.org/view-design/4.7.0/styles/iview.css">
    <script src="https://cdn.staticfile.org/view-design/4.7.0/iview.min.js"></script>
    <script src="https://cdn.staticfile.org/vue-lazyload/1.3.4/vue-lazyload.min.js"></script>
    <script src="https://cdn.staticfile.org/echarts/5.4.2/echarts.min.js"></script>
    <script src="https://cdn.staticfile.org/apexcharts/3.41.0/apexcharts.min.js"></script>
    <script src="https://cdn.staticfile.org/xlsx/0.17.5/xlsx.full.min.js"></script>
    <script src="https://cdn.staticfile.org/dplayer/1.27.1/DPlayer.min.js"></script>
    <script src="https://cdn.staticfile.org/print-js/1.6.0/print.min.js"></script>
    <script src="https://cdn.staticfile.org/html2canvas/1.4.1/html2canvas.min.js"></script>
    <script src="https://cdn.staticfile.org/sockjs-client/1.5.2/sockjs.min.js"></script>
    <script src="https://cdn.staticfile.org/stomp.js/2.3.3/stomp.min.js"></script>
    <script src="https://cdn.staticfile.org/Sortable/1.8.4/Sortable.min.js"></script>
    <script src="https://cdn.staticfile.org/Vue.Draggable/2.24.3/vuedraggable.umd.min.js"></script>
    <script src="https://cdn.staticfile.org/viewerjs/1.11.3/viewer.min.js"></script>
    <link rel="stylesheet" href="https://cdn.staticfile.org/viewerjs/1.11.3/viewer.min.js">

    <script src="<%= BASE_URL %>js/watermark-dom@2.3.0.js"></script>

    <link rel="stylesheet" href="https://cdn.staticfile.org/gitalk/1.8.0/gitalk.min.css">
    <script src="https://cdn.staticfile.org/gitalk/1.8.0/gitalk.min.js"></script>
    <script src="//code.bdstatic.com/npm/leancloud-storage@4.12.0/dist/av-min.js"></script>

    <!-- monaco编辑器 -->
    <link rel="stylesheet" data-name="vs/editor/editor.main"
          href="https://cdn.staticfile.org/monaco-editor/0.41.0/min/vs/editor/editor.main.css">
    <script>self.require = {
        paths: {'vs': 'https://cdn.staticfile.org/monaco-editor/0.41.0/min/vs'},
        'vs/nls': {availableLanguages: {'*': 'zh-cn'}}
    };</script>
    <script src="https://cdn.staticfile.org/monaco-editor/0.41.0/min/vs/loader.min.js"></script>
    <script src="https://cdn.staticfile.org/monaco-editor/0.41.0/min/vs/editor/editor.main.nls.zh-cn.js"></script>
    <script src="https://cdn.staticfile.org/monaco-editor/0.41.0/min/vs/editor/editor.main.js"></script>
    <!-- mapbox -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/mapbox-gl/2.15.0/mapbox-gl.min.css">

    <script>
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?64e52d9ed8f5acc3eb7d60058e2fb7ab";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
    <style>
        .page-loading-wrap {
            padding: 120px;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
        }

        .la-timer,
        .la-timer > div {
            position: relative;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

        .la-timer {
            display: block;
            font-size: 0;
            color: #fff;
        }

        .la-timer.la-dark {
            color: #333;
        }

        .la-timer > div {
            display: inline-block;
            float: none;
            background-color: currentColor;
            border: 0 solid currentColor;
        }

        .la-timer {
            width: 32px;
            height: 32px;
        }

        .la-timer > div {
            width: 32px;
            height: 32px;
            background: transparent;
            border-width: 2px;
            border-radius: 100%;
        }

        .la-timer > div:before,
        .la-timer > div:after {
            position: absolute;
            top: 14px;
            left: 14px;
            display: block;
            width: 2px;
            margin-top: -1px;
            margin-left: -1px;
            content: "";
            background: currentColor;
            border-radius: 2px;
            -webkit-transform-origin: 1px 1px 0;
            -moz-transform-origin: 1px 1px 0;
            -ms-transform-origin: 1px 1px 0;
            -o-transform-origin: 1px 1px 0;
            transform-origin: 1px 1px 0;
            -webkit-animation: timer-loader 1250ms infinite linear;
            -moz-animation: timer-loader 1250ms infinite linear;
            -o-animation: timer-loader 1250ms infinite linear;
            animation: timer-loader 1250ms infinite linear;
            -webkit-animation-delay: -625ms;
            -moz-animation-delay: -625ms;
            -o-animation-delay: -625ms;
            animation-delay: -625ms;
        }

        .la-timer > div:before {
            height: 12px;
        }

        .la-timer > div:after {
            height: 8px;
            -webkit-animation-duration: 15s;
            -moz-animation-duration: 15s;
            -o-animation-duration: 15s;
            animation-duration: 15s;
            -webkit-animation-delay: -7.5s;
            -moz-animation-delay: -7.5s;
            -o-animation-delay: -7.5s;
            animation-delay: -7.5s;
        }

        @-webkit-keyframes timer-loader {
            0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
            }

            100% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }

        @-moz-keyframes timer-loader {
            0% {
                -moz-transform: rotate(0deg);
                transform: rotate(0deg);
            }

            100% {
                -moz-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }

        @-o-keyframes timer-loader {
            0% {
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
            }

            100% {
                -o-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }

        @keyframes timer-loader {
            0% {
                -webkit-transform: rotate(0deg);
                -moz-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
            }

            100% {
                -webkit-transform: rotate(360deg);
                -moz-transform: rotate(360deg);
                -o-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }
    </style>
</head>

<body>
<noscript>
    <strong>We're sorry but xboot-front doesn't work properly without JavaScript enabled. Please enable it to
        continue.</strong>
</noscript>
<div id="app">
    <div class="page-loading-wrap">
        <div style="color: #4e9ff5" class="la-timer">
            <div></div>
        </div>
        <h4 style="margin-top:20px;font-size:14px;font-weight:400;color: #515a6e;">正在加载资源...</h4>
    </div>
</div>
<!-- built files will be auto injected -->
</body>

</html>